<div ng-controller="rolebyController">
<div class="modal fade in ip-box " tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" aria-hidden="true" id="roleby">
	<div class="modal-dialog modal-lg modal-lg-roleby" role="document" >
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 class="modal-title" id="myModalLabel">角色关联</h4>
			</div>
			<div class="modal-body">
                            <div class="clearfix"></div>
                            <div class="table-margin roleby-frame">
                            	<div class="left" ng-controller="rolebyUserController">
                            		<div class="roleby-frame-header">
										<div class="float-left "><h3>用户名:</h3></div>
										<div class="float-left ">
											<input type="text" class="form-control" ng-model="roleby_search">
										</div>
										<div class="float-left">
											<button class="btn  btn-primary" ng-click="retrieval()">
                                    			<span class="glyphicon glyphicon-search"></span>检索
                                			</button>
										</div>
									</div>
										
									 	<!--测试代码 <pre>{{selected|json}}</pre>-->
 										<!--测试代码 <pre>{{selectedTags|json}}</pre>-->
 									<div class="table-header">	
	                                	<table class="table table-bordered table-header user-roleby-table">
		                                    <thead>
		                                        <tr>
		                                        	<td class="wh50 text-center"> 
		                                        		<input  type="checkbox" ng-model="userall" ng-click="userAll(user_tabVal)"/>
		                                        	</td>
		                                            <td class=" text-center">用户名</td>
		                                        </tr>
		                                    </thead>
		                                </table> 
		                            </div>  
		                            <div class="table-body">	
		                                <table class="table table-bordered table-header user-roleby-table">
		                                    <tbody >
		                                        <tr ng-repeat="user in user_tabVal | filter:roleby_search" ng-class="{'active':$index%2!=0}">
		                                        	<td class="wh50">
		                                        		<input ng-model="userlistcheck"  type="checkbox"id={{user.userId}} name={{user.userName}} ng-checked="isSelected(user.userId)" ng-click="updateSelection($event,user.userId)"/>
		                                        	</td>
		                                            <td class="text-center" ng-bind="user.userName"></td> 
		                                        </tr>
		                                      	
		                                        <tr>
		                                   		 	<td colspan="12" class="text-center" ng-hide="isNoData">暂无数据</td>
		                               			</tr>
		                                    </tbody>
	                                	</table>
	                                </div> 	
	                                <div class="info-bottom">
		                                <table>
											<tfoot ng-show="isNoData">
											    <tr>
											        <td colspan="12">
											            <nav>
											                <tm-pagination conf="paginationConfuser"></tm-pagination>
											            </nav>  
											    	</td>
											    </tr>
											</tfoot>
										</table>
									</div>
                            	</div>
                            	<div class="center">
                            		<div class="binding-unbound">
                            			<img width="32px" height="32px" ng-click="binding()" src="../images/icon/MoveLast_32x32_Standard.png">
                            			<img width="32px" height="32px" ng-click="unbound()" src="../images/icon/MoveFirst_32x32_Standard.png">
                            		</div>
                            	</div>
								<div class="right" ng-controller="rolebyRoleController">
									<div class="roleby-frame-header">
										<h3>已关联用户</h3>
									</div>
									<!--测试代码  <pre>{{roleselected|json}}</pre> -->
									<div class="table-header">	
		                                <table class="table table-bordered table-header user-roleby-table">
		                                    <thead>
		                                        <tr>
		                                        	<td class="wh50 text-center"></td>
		                                            <td class=" text-center" >用户名</td>
		                                        </tr>
		                                    </thead>
		                                </table>
		                            </div>    
		                            <div class="table-body">    
		                                <table class="table table-bordered table-header user-roleby-table">    
		                                    <tbody>
		                                        <tr ng-repeat="role in role_tabVal" ng-class="{'active':$index%2!=0}">
		                                        	<td class="wh50">
		                                        		<input  type="checkbox" id={{role.userRoleId}} ng-checked="roleisSelected(role.userRoleId)" ng-click="roleupdateSelection($event,role.userRoleId)" />
		                                        	</td>
		                                            <td class="text-center" ng-bind="role.userName"></td>                                   
		                                        </tr>
		                                        <tr class="text-center">
		                                   		 	<td colspan="12" class="text-center" ng-hide="isNoData">暂无数据</td>
		                               			</tr>
		                                    </tbody>
		                                </table>
		                            </div>    
                                <div class="info-bottom">
		                                <table>
											<tfoot ng-show="isNoData">
											    <tr>
											        <td colspan="12">
											            <nav>
											                <tm-pagination conf="paginationConfrole"></tm-pagination>
											            </nav>  
											    	</td>
											    </tr>
											</tfoot>
										</table>
									</div>
                            	</div>
                            </div>
                            
                        </div>
        	<div class="line-public"></div>
			<div class="storage-add-footer" ng-class="{true:'hide',false:'show'}[storagesh]">
				<div class="btns-group text-center">
					<button type="button" class="btn  btn-fff" data-dismiss="modal" aria-hidden="true">关闭</button>
				</div>
			</div>            
		</div>
    </div>
</div>
 <!-- contain END -->
        
 <!--</div> -->    
</div>
